
    <div id="app">
        <div>
          <div>
            <div>
              <div class="new-price-banner">
                <div class="container">
                  <div class="banner-con text-center">
                    <h3>大众云服务价格体系</h3>
                    <p>
                      大众云致力于为用户提供更加优质的服务，点击下方服务了解相关价格
                    </p>
                  </div>
                </div>
              </div>
              <div class="container">
                <ul class="clearfix new-price-list">
                  <li>
                    <div class="top">
                      <img src="./static/icon01.png" />
                      <h3>TF签名</h3>
                      <p>
                        网站链接打包封装成原生APP<br />
                        多种插件任意搭配
                      </p>
                    </div>
                    <dl>
                      <dd>
                        <img src="./static/icon_dui1.png" />官方支持的分发链接
                      </dd>
                      <dd>
                        <img src="./static/icon_dui1.png" />极速上架
                      </dd>
                      <dd>
                        <img src="./static/icon_dui1.png" />支持推送
                      </dd>
                      <dd>
                        <img src="./static/icon_dui1.png" />支持支付
                      </dd>
                      <dd>
                        <img src="./static/icon_dui1.png" />支持快捷登录
                      </dd>
                      <dd>
                        <img src="./static/icon_dui1.png" />定制化推广页面
                      </dd>
                      <dd>
                        <img src="./static/icon_dui1.png" />收费灵活
                      </dd>
                      <dd>
                        <img src="./static/icon_dui1.png" />稳定性强
                      </dd>
                    </dl>
                    <div class="amount">￥<span class="num">500</span>元/起</div>
                    <a
                      href="javascript:;" id="servicePriceDetail" onclick="switchTab('servicePriceDetail', 1)"
                      class="more new-price-btn ms-btn-third"
                      >查看更多</a
                    >
                  </li>
                  <li class="">
                    <div class="top">
                      <img src="./static/icon02.png" />
                      <h3>企业签名</h3>
                      <p>
                        无需越狱 无需上架 无限制安装<br />
                        多种套餐 任意选择
                      </p>
                    </div>
                    <dl>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />免费更新
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />证书分类签名
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />短信/邮件通知
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />赠送下载次数
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />技术支持
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />真机测试
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />IPA包检测信息（版本、大小等）
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />程序自动签名
                      </dd>
                    </dl>
                    <div class="amount">￥<span class="num">300</span>元/起</div>
                    <a
                      href="javascript:;" id="servicePriceDetail" onclick="switchTab('servicePriceDetail', 2)"
                      class="more new-price-btn ms-btn-third"
                      >查看更多</a
                    >
                  </li>
                  <li class="active">
                    <div class="top">
                      <img src="./static/icon03.png" />
                      <h3>应用封装</h3>
                      <p>
                        上传APP获得下载链接和二维码<br />
                        下载次数包
                      </p>
                    </div>
                    
                    <dl>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />支持安卓、苹果
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />在线制作图标、启动图
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />返回、刷新、加载、清除缓存
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />状态栏、侧边栏
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />导航栏（底部）
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />标题栏（顶部）
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />分享到微信、微博、QQ等
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />极光推送、友盟统计
                      </dd>
                      <dd>
                        <img src="./static/icon_dui1.png" />引导页
                      </dd>
                      <dd>
                        <img src="./static/icon_dui1.png" />扫一扫
                      </dd>
                      <dd>
                        <img
                          src="./static/icon_dui1.png"
                        />长按图片保存、识别二维码
                      </dd>
                    </dl>
                    <div class="amount" style="visibility: hidden;">￥<span class="num">40</span>元/起</div>
                    <a
                      href="javascript:;" id="servicePriceDetail" onclick="$('.online_talk').click()"
                      class="more new-price-btn ms-btn-third"
                      >查看更多</a
                    >
                  </li>
                </ul>
              </div>
            </div>
            <div style="display: none">
              <div class="mobile-price">
                <ul class="tab clearfix">
                  <li class="active"><a href="javascript:;">企业签名</a></li>
                  <li><a href="javascript:;">WEB转换APP</a></li>
                  <li><a href="javascript:;">分发次数</a></li>
                </ul>
                <div class="m-price-banner">
                  <div class="swiper-container swiper-container-horizontal">
                    <div class="swiper-wrapper" style="transition-duration: 0ms">
                      <div
                        class="swiper-slide"
                        style="
                          background-image: url('//sres.dbqapp.com/static/img/m-price-1.jpg?33496577');
                        "
                      >
                        <div class="tit">iOS企业证书签名</div>
                        <p>无需越狱，无需上架，无限制安装<br />长久稳定</p>
                      </div>
                      <div
                        class="swiper-slide"
                        style="
                          background-image: url('//sres.dbqapp.com/static/img/m-price-2.jpg?33496577');
                        "
                      >
                        <div class="tit">WEB转换APP</div>
                        <p>
                          网站链接快速封装成移动APP<br />多功能插件任意搭配使用
                        </p>
                      </div>
                      <div
                        class="swiper-slide"
                        style="
                          background-image: url('//sres.dbqapp.com/static/img/m-price-3.jpg?33496577');
                        "
                      >
                        <div class="tit">发布上传</div>
                        <p>
                          上传自动生成下载链接和二维码<br />
                          支持1.5G以内的APP CDN高速下载
                        </p>
                      </div>
                    </div>
                    <span
                      class="swiper-notification"
                      aria-live="assertive"
                      aria-atomic="true"
                    ></span>
                  </div>
                </div>
                <div class="tab-con">
                  <div style="display: block">
                    <div class="container">
                      <div class="m-price-common">
                        <div class="tit-wrap">
                          <ul class="tit clearfix">
                            <li class="left">
                              <img src="./static/m-price-4.png" />
                            </li>
                            <li class="center">套餐介绍</li>
                            <li class="right">
                              <img src="./static/m-price-5.png" />
                            </li>
                          </ul>
                        </div>
                        <div class="row">
                          <div class="col-xs-4">
                            <div class="con con0">
                              <div class="level">基础版</div>
                              <div class="img-wrap">
                                <img
                                  src="./static/m-price-7.png"
                                />
                              </div>
                              <div class="msg">小规模测试运营</div>
                              <div class="num"><span>350元</span>/月</div>
                              <span class="recommended" style="display: none"
                                >推荐</span
                              >
                            </div>
                          </div>
                          <div class="col-xs-4">
                            <div class="con con1">
                              <div class="level">高级版</div>
                              <div class="img-wrap">
                                <img
                                  src="./static/m-price-7.png"
                                />
                              </div>
                              <div class="msg">中短期运营</div>
                              <div class="num"><span>1000元</span>/月</div>
                              <span class="recommended">推荐</span>
                            </div>
                          </div>
                          <div class="col-xs-4">
                            <div class="con con2">
                              <div class="level">独立版</div>
                              <div class="img-wrap">
                                <img
                                  src="./static/m-price-7.png"
                                />
                              </div>
                              <div class="msg">安全稳定运营</div>
                              <div class="num"><span>1800元</span>/月</div>
                              <span class="recommended" style="display: none"
                                >推荐</span
                              >
                            </div>
                          </div>
                          <div class="col-xs-4">
                            <div
                              class="con con3"
                              style="
                                background-color: rgb(77, 56, 98);
                                margin-top: 15px;
                              "
                            >
                              <div class="level">过渡版</div>
                              <div class="img-wrap">
                                <img
                                  src="./static/m-price-7.png"
                                />
                              </div>
                              <div class="msg"></div>
                              <div class="num"><span>500元</span>/月</div>
                              <span class="recommended" style="display: none"
                                >推荐</span
                              >
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container">
                        <div class="m-price-common">
                          <div class="tit-wrap">
                            <ul class="tit clearfix">
                              <li class="left">
                                <img
                                  src="./static/m-price-4.png"
                                />
                              </li>
                              <li class="center">价格介绍</li>
                              <li class="left">
                                <img
                                  src="./static/m-price-5.png"
                                />
                              </li>
                            </ul>
                          </div>
                          <table class="table price-table">
                            <tbody>
                              <tr>
                                <th></th>
                                <th>基础版</th>
                                <th>高级版</th>
                                <th>独立版</th>
                                <th>过渡版</th>
                              </tr>
                              <tr>
                                <td>1年</td>
                                <td><span class="num"></span>元</td>
                                <td><span class="num">60</span>元</td>
                                <td><span class="num"></span>元</td>
                                <td><span class="num"></span><span>元</span></td>
                              </tr>
                              <tr>
                                <td>2年</td>
                                <td><span class="num"></span>元</td>
                                <td><span class="num">100</span>元</td>
                                <td><span class="num"></span>元</td>
                                <td>
                                  <span class="num"></span
                                  ><!---->
                                </td>
                              </tr>
                              <tr>
                                <td>永久</td>
                                <td><span class="num"></span>元</td>
                                <td><span class="num">300</span>元</td>
                                <td><span class="num"></span>元</td>
                                <td>
                                  <span class="num"></span
                                  ><!---->
                                </td>
                              </tr>
                              <tr>
                                <td>更新</td>
                                <td>免费</td>
                                <td>免费</td>
                                <td>免费</td>
                                <td>免费</td>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container">
                        <div class="m-price-common">
                          <div class="tit-wrap">
                            <ul class="tit clearfix">
                              <li class="left">
                                <img
                                  src="./static/m-price-4.png"
                                />
                              </li>
                              <li class="center">服务介绍</li>
                              <li class="right">
                                <img
                                  src="./static/m-price-5.png"
                                />
                              </li>
                            </ul>
                          </div>
                          <ul class="tab-level clearfix">
                            <li class="active">
                              <span class="level"
                                >基础版<span class="stable stable0"
                                  >最稳定</span
                                ></span
                              >
                            </li>
                            <li>
                              <span class="level"
                                >高级版<span class="stable stable1"
                                  >最稳定</span
                                ></span
                              >
                            </li>
                            <li>
                              <span class="level"
                                >独立版<span class="stable stable2"
                                  >最稳定</span
                                ></span
                              >
                            </li>
                          </ul>
                          <div class="tab-level-con">
                            <div class="row" style="display: block">
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-8.png"
                                    />
                                  </div>
                                  <div class="p1">证书分类签名</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-9.png"
                                    />
                                  </div>
                                  <div class="p1">短信/邮件通知</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-10.png"
                                    />
                                  </div>
                                  <div class="p1">自动签名</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-11.png"
                                    />
                                  </div>
                                  <div class="p1">检测IPA信息</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-12.png"
                                    />
                                  </div>
                                  <div class="p1">真机测试</div>
                                </div>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-8.png"
                                    />
                                  </div>
                                  <div class="p1">证书分类签名</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-9.png"
                                    />
                                  </div>
                                  <div class="p1">短信/邮件通知</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-10.png"
                                    />
                                  </div>
                                  <div class="p1">自动签名</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-11.png"
                                    />
                                  </div>
                                  <div class="p1">检测IPA信息</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-12.png"
                                    />
                                  </div>
                                  <div class="p1">真机测试</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-30.png"
                                    />
                                  </div>
                                  <div class="p1">网络代理</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-31.png"
                                    />
                                  </div>
                                  <div class="p1">计步器</div>
                                </div>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-8.png"
                                    />
                                  </div>
                                  <div class="p1">证书分类签名</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-9.png"
                                    />
                                  </div>
                                  <div class="p1">短信/邮件通知</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-10.png"
                                    />
                                  </div>
                                  <div class="p1">自动签名</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-11.png"
                                    />
                                  </div>
                                  <div class="p1">检测IPA信息</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-12.png"
                                    />
                                  </div>
                                  <div class="p1">真机测试</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-30.png"
                                    />
                                  </div>
                                  <div class="p1">网络代理</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-31.png"
                                    />
                                  </div>
                                  <div class="p1">计步器</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-14.png"
                                    />
                                  </div>
                                  <div class="p1">消息推送</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-15.png"
                                    />
                                  </div>
                                  <div class="p1">提供备用证书</div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-price-16.png"
                                    />
                                  </div>
                                  <div class="p1">技术支持</div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container">
                        <div class="m-price-common">
                          <div class="tit-wrap">
                            <ul class="tit clearfix">
                              <li class="left">
                                <img
                                  src="./static/m-price-4.png"
                                />
                              </li>
                              <li class="center">常见问题</li>
                              <li class="right">
                                <img
                                  src="./static/m-price-5.png"
                                />
                              </li>
                            </ul>
                          </div>
                          <div class="help">
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right"
                                  >苹果APP必须要做企业签名吗？</span
                                >
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right"
                                  >是的，如果不做企业签名，无法安装到苹果设备上。</span
                                >
                              </dd>
                            </dl>
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right"
                                  >做完签名后，限制安装吗？</span
                                >
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right">不限制，无限制安装。</span>
                              </dd>
                            </dl>
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right"
                                  >做完签名后，可以在苹果商店搜索到吗？</span
                                >
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right"
                                  >搜索不到，必须要提交苹果商店后才能被搜到。</span
                                >
                              </dd>
                            </dl>
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right">企业签名的步骤是什么？</span>
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right">
                                  1. 点击导航栏【签名】，将需要签的APP上传；<br />
                                  2. 填写信息（联系方式、测试账号等）；<br />
                                  3. 选择所需套餐进行购买；<br />
                                  4. 等待10分钟程序签名；<br />
                                  5. 签名完成，下载签名包。<br
                                /></span>
                              </dd>
                            </dl>
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right">什么是检测IPA信息？</span>
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right"
                                  >APP做完签名后，即可检测到APP的大小，版本、适合的iOS系统、签名证书等信息。</span
                                >
                              </dd>
                            </dl>
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right">什么是真机测试？</span>
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right"
                                  >APP签名完成后，将会用主流苹果机型进行测试安装，安装无误后进行发出。</span
                                >
                              </dd>
                            </dl>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container">
                        <div class="understand-more">
                          <div class="p1">
                            如需企业签名，建议您登录大众云网站，进行签名操作
                          </div>
                          <a
                            href="./sign"
                            class="ms-btn ms-btn-primary"
                            >了解更多企业签名相关信息</a
                          >
                        </div>
                      </div>
                    </div>
                  </div>
                  <div>
                    <div class="container">
                      <div class="m-price-common m-pack-price">
                        <div class="tit-wrap">
                          <ul class="tit clearfix">
                            <li class="left">
                              <img src="./static/m-price-4.png" />
                            </li>
                            <li class="center">套餐介绍</li>
                            <li class="right">
                              <img src="./static/m-price-5.png" />
                            </li>
                          </ul>
                        </div>
                        <div class="row">
                          <div class="col-xs-4">
                            <div class="con con0">
                              <div class="level">免费版</div>
                              <div class="img-wrap">
                                <img
                                  src="./static/m-price-7.png"
                                />
                              </div>
                              <div class="msg">可使用所有插件</div>
                              <div class="num"><span>3天免费试用</span>/</div>
                              <span class="recommended" style="display: none"
                                >限时特惠</span
                              >
                            </div>
                          </div>
                          <div class="col-xs-4">
                            <div class="con con1">
                              <div class="level">高级版</div>
                              <div class="img-wrap">
                                <img
                                  src="./static/m-price-7.png"
                                />
                              </div>
                              <div class="msg">可使用基础版插件</div>
                              <div class="num"><span>60元</span>/年</div>
                              <span class="recommended">限时特惠</span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container">
                        <div class="m-price-common pack-level">
                          <div class="tit-wrap">
                            <ul class="tit clearfix">
                              <li class="left">
                                <img
                                  src="./static/m-price-4.png"
                                />
                              </li>
                              <li class="center">价格介绍</li>
                              <li class="left">
                                <img
                                  src="./static/m-price-5.png"
                                />
                              </li>
                            </ul>
                            <div class="p2">
                              活动期间，基础版和高级版暂时同样价格
                            </div>
                          </div>
                          <table class="table price-table">
                            <tbody>
                              <tr>
                                <th></th>
                                <th>高级版</th>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container">
                        <div class="m-price-common pack-level">
                          <div class="tit-wrap">
                            <ul class="tit clearfix">
                              <li class="left">
                                <img
                                  src="./static/m-price-4.png"
                                />
                              </li>
                              <li class="center">服务介绍</li>
                              <li class="right">
                                <img
                                  src="./static/m-price-5.png"
                                />
                              </li>
                            </ul>
                          </div>
                          <ul class="tab-level clearfix">
                            <li class="active">
                              <span class="level">基础版</span>
                            </li>
                            <li><span class="level">高级版</span></li>
                          </ul>
                          <div class="tab-level-con">
                            <div class="row" style="display: block">
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-1.png"
                                    />
                                  </div>
                                  <div class="p1">制作图标</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-2.png"
                                    />
                                  </div>
                                  <div class="p1">制作启动图</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-3.png"
                                    />
                                  </div>
                                  <div class="p1">加载动画</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-4.png"
                                    />
                                  </div>
                                  <div class="p1">清理缓存</div>
                                  <div class="hot show"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-5.png"
                                    />
                                  </div>
                                  <div class="p1">浏览器内核</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-6.png"
                                    />
                                  </div>
                                  <div class="p1">退出提示</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-7.png"
                                    />
                                  </div>
                                  <div class="p1">下拉刷新</div>
                                  <div class="hot show"><span>HOT</span></div>
                                </div>
                              </div>
                            </div>
                            <div class="row senior">
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-8.png"
                                    />
                                  </div>
                                  <div class="p1">极光推送</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-9.png"
                                    />
                                  </div>
                                  <div class="p1">友盟统计</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-10.png"
                                    />
                                  </div>
                                  <div class="p1">导航栏</div>
                                  <div class="hot show"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-11.png"
                                    />
                                  </div>
                                  <div class="p1">标题栏</div>
                                  <div class="hot show"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-12.png"
                                    />
                                  </div>
                                  <div class="p1">状态栏</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-13.png"
                                    />
                                  </div>
                                  <div class="p1">侧边栏</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-14.png"
                                    />
                                  </div>
                                  <div class="p1">引导页</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-15.png"
                                    />
                                  </div>
                                  <div class="p1">分享</div>
                                  <div class="hot show"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-16.png"
                                    />
                                  </div>
                                  <div class="p1">URL拉起APP</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-17.png"
                                    />
                                  </div>
                                  <div class="p1">网页缩放</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-18.png"
                                    />
                                  </div>
                                  <div class="p1">识别二维码</div>
                                  <div class="hot show"><span>HOT</span></div>
                                </div>
                              </div>
                              <div class="col-xs-4">
                                <div class="level-con">
                                  <div class="img-wrap">
                                    <img
                                      src="./static/m-pack-19.png"
                                    />
                                  </div>
                                  <div class="p1">长按保存图片</div>
                                  <div class="hot"><span>HOT</span></div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container">
                        <div class="m-price-common">
                          <div class="tit-wrap">
                            <ul class="tit clearfix">
                              <li class="left">
                                <img
                                  src="./static/m-price-4.png"
                                />
                              </li>
                              <li class="center">常见问题</li>
                              <li class="right">
                                <img
                                  src="./static/m-price-5.png"
                                />
                              </li>
                            </ul>
                          </div>
                          <div class="help">
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right"
                                  >封装好的APP，可以直接安装吗？</span
                                >
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right"
                                  >封装好的安卓APP，可以直接在手机上安装；封装的iOS
                                  APP，必须要做企业签名，或者上架商店，才可以进行安装。</span
                                >
                              </dd>
                            </dl>
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right"
                                  >封装APP，需要提供哪些材料？</span
                                >
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right"
                                  >网站链接、APP名称、APP图标、APP启动图即可。</span
                                >
                              </dd>
                            </dl>
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right">封装APP，需要多长时间？</span>
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right">2分钟就可以完成封装。</span>
                              </dd>
                            </dl>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container">
                        <div class="understand-more">
                          <div class="p1">
                            如需封装APP，建议您登录大众云网站，进行封装操作
                          </div>
                          <a
                            href="./zhizuo"
                            class="ms-btn ms-btn-primary"
                            >了解更多封装APP相关信息</a
                          >
                        </div>
                      </div>
                    </div>
                  </div>
                  <div>
                    <div class="container">
                      <div class="m-price-common m-publish">
                        <div class="tit-wrap">
                          <ul class="tit clearfix">
                            <li class="left">
                              <img src="./static/m-price-4.png" />
                            </li>
                            <li class="center">小包分发</li>
                            <li class="right">
                              <img src="./static/m-price-5.png" />
                            </li>
                          </ul>
                          <div class="p2">
                            实名认证后，每天免费赠送<span>1000</span>次
                          </div>
                          <div class="publish-angle">1~300M</div>
                        </div>
                        <div class="row">
                          <div class="col-xs-4">
                            <div class="con">
                              <div class="level">1,000<span>次</span></div>
                              <div class="msg">累计下载次数</div>
                              <div class="num"><span>40</span>元</div>
                              <span class="recommended" style="display: none"
                                >推荐</span
                              >
                            </div>
                          </div>
                          <div class="col-xs-4">
                            <div class="con">
                              <div class="level">10,000<span>次</span></div>
                              <div class="msg">累计下载次数</div>
                              <div class="num"><span>360</span>元</div>
                              <span class="recommended">推荐</span>
                            </div>
                          </div>
                          <div class="col-xs-4">
                            <div class="con">
                              <div class="level">100,000<span>次</span></div>
                              <div class="msg">累计下载次数</div>
                              <div class="num"><span>3200</span>元</div>
                              <span class="recommended" style="display: none"
                                >推荐</span
                              >
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container">
                        <div class="m-price-common m-publish">
                          <div class="tit-wrap">
                            <ul class="tit clearfix">
                              <li class="left">
                                <img
                                  src="./static/m-price-4.png"
                                />
                              </li>
                              <li class="center">大包分发</li>
                              <li class="right">
                                <img
                                  src="./static/m-price-5.png"
                                />
                              </li>
                            </ul>
                            <div class="p2">购买分发次数后，才可上传</div>
                            <div class="publish-angle">300~1.5G</div>
                          </div>
                          <div class="row">
                            <div class="col-xs-4">
                              <div class="con big-package">
                                <div class="level">100<span>次</span></div>
                                <div class="msg">累计下载次数</div>
                                <div class="num"><span>40</span>元</div>
                                <span class="recommended" style="display: none"
                                  >推荐</span
                                >
                              </div>
                            </div>
                            <div class="col-xs-4">
                              <div class="con big-package">
                                <div class="level">1,000<span>次</span></div>
                                <div class="msg">累计下载次数</div>
                                <div class="num"><span>360</span>元</div>
                                <span class="recommended">推荐</span>
                              </div>
                            </div>
                            <div class="col-xs-4">
                              <div class="con big-package">
                                <div class="level">10,000<span>次</span></div>
                                <div class="msg">累计下载次数</div>
                                <div class="num"><span>3200</span>元</div>
                                <span class="recommended" style="display: none"
                                  >推荐</span
                                >
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container">
                        <div class="m-price-common m-publish">
                          <div class="tit-wrap">
                            <ul class="tit clearfix">
                              <li class="left">
                                <img
                                  src="./static/m-price-4.png"
                                />
                              </li>
                              <li class="center">服务介绍</li>
                              <li class="right">
                                <img
                                  src="./static/m-price-5.png"
                                />
                              </li>
                            </ul>
                          </div>
                          <table class="table introduce-table">
                            <tbody>
                              <tr>
                                <th>小包<br />1000次</th>
                                <td rowspan="2">
                                  <dl class="clearfix">
                                    <dt class="fl iconfont icon-duihao"></dt>
                                    <dd class="fl">默认模板使用</dd>
                                  </dl>
                                  <dl class="clearfix">
                                    <dt class="fl iconfont icon-duihao"></dt>
                                    <dd class="fl">下载次数不受时间限制</dd>
                                  </dl>
                                </td>
                              </tr>
                              <tr>
                                <th>大包<br />100次</th>
                              </tr>
                            </tbody>
                          </table>
                          <table class="table introduce-table">
                            <tbody>
                              <tr>
                                <th>小包<br />10000次</th>
                                <td rowspan="2">
                                  <dl class="clearfix">
                                    <dt class="fl iconfont icon-duihao"></dt>
                                    <dd class="fl">CDN加速下载</dd>
                                  </dl>
                                  <dl class="clearfix">
                                    <dt class="fl iconfont icon-duihao"></dt>
                                    <dd class="fl">下载页无广告</dd>
                                  </dl>
                                  <dl class="clearfix">
                                    <dt class="fl iconfont icon-duihao"></dt>
                                    <dd class="fl">下载次数不受时间限制</dd>
                                  </dl>
                                  <dl class="clearfix">
                                    <dt class="fl iconfont icon-duihao"></dt>
                                    <dd class="fl">下载页专享模板</dd>
                                  </dl>
                                </td>
                              </tr>
                              <tr>
                                <th>大包<br />1000次</th>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container">
                        <div class="m-price-common">
                          <div class="tit-wrap">
                            <ul class="tit clearfix">
                              <li class="left">
                                <img
                                  src="./static/m-price-4.png"
                                />
                              </li>
                              <li class="center">常见问题</li>
                              <li class="right">
                                <img
                                  src="./static/m-price-5.png"
                                />
                              </li>
                            </ul>
                          </div>
                          <div class="help">
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right">APP保存90天是什么意思？</span>
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right"
                                  >如果APP在90天，没有更新过，到期后将会自动下架。将APP重新更新一下链接即可恢复，链接地址不会变化。</span
                                >
                              </dd>
                            </dl>
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right">大包有免费下载次数吗？</span>
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right"
                                  >只有300M以内的包，才有免费下载次数。大于300M的包，没有免费次数。</span
                                >
                              </dd>
                            </dl>
                            <dl>
                              <dt class="clearfix">
                                <span class="left">Q ：</span>
                                <span class="right"
                                  >是每个APP赠送100次，还是每个账户？</span
                                >
                              </dt>
                              <dd class="clearfix">
                                <span class="left">A ：</span>
                                <span class="right"
                                  >每个账户下赠送100次，账户下所有APP共享
                                  100次免费下载。（大包不参与）。</span
                                >
                              </dd>
                            </dl>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="bg-f3">
                      <div class="container m-publish">
                        <div class="understand-more">
                          <div class="p1">
                            如需发布APP，建议您电脑登录大众云网站，进行上传发布
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="m-publish-buy clearfix">
                      <a
                        href="./issue/price?id=1003"
                        class="small1"
                        ><span class="iconfont icon-gouwuche"></span>购买小包</a
                      >
                      <a
                        href="./large/price?id=20004"
                        class="big1"
                        ><span class="iconfont icon-gouwuche"></span>购买大包</a
                      >
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!---->
        </div>
      </div>

      <script>
          
        var vm = new Vue({
            el: "#app",
            components: {
                // Price: Price,
            },
            // router: router,
        });
      </script>
